@charset "utf-8";
@import "reset";
@function r($px) {
    @return $px/100px*1rem;
}

* {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.search_web {
    .search_header {
        background-color: black;
        padding: r(20px) 0 r(20px) r(13px);
        display: flex;
        align-items: center;
        .s_close {
            margin-right: r(20px);
            span {
                display: flex;
                background-color: red;
                border-radius: 30px;
                width: r(48px);
                height: r(48px);
                line-height: r(48px);
                justify-content: center;
                .icon-guanbi {
                    color: white;
                    font-size: r(27px);
                }
            }
        }
        .s_searchInput {
            border: 1px solid white;
            border-radius: r(50px);
            padding: r(10px) r(15px) r(10px) r(15px);
            display: flex;
            align-items: center;
            .icon-search {
                color: white;
                font-size: r(31px);
                margin-right: r(30px);
            }
            input {
                width: r(450px);
                border-radius: 15px;
                border: none;
                background-color: black;
                color: white;
                font-size: r(18px);
                &::-webkit-input-placeholder {
                    color: #868686;
                }
            }
        }
    }
    .s_body {
        background-color: #f1f1f1;
        height: 100%;
        width: 100%;
        padding-bottom: r(754px);
        div {
            margin-bottom: r(17px);
            .s_title {
                margin-left: r(30px);
                padding-top: r(30px);
                margin-bottom: r(30px);
                h2 {
                    font-size: r(26px);
                    color: black;
                }
            }
            .s_p_one {
                margin-bottom: r(40px);
                margin-left: r(30px);
                span {
                    color: #8b8b8b;
                    margin-right: r(8px);
                    font-size: r(29px);
                    background-color: white;
                    padding: r(14px) r(18px);
                }
            }
            .s_p_two {
                margin-bottom: r(40px);
                margin-left: r(30px);
                span {
                    margin-right: r(8px);
                    color: #8b8b8b;
                    font-size: r(29px);
                    background-color: white;
                    padding: r(14px) r(18px);
                }
            }
            .s_p_three {
                margin-bottom: r(40px);
                margin-left: r(30px);
                span {
                    margin-right: r(8px);
                    color: #8b8b8b;
                    font-size: r(29px);
                    background-color: white;
                    padding: r(14px) r(18px);
                }
            }
        }
    }
}